import Example from 'components/Example';

# Examples

<div className="mt-8 flex flex-col gap-4">

<Example
  featured
  name="App Router"
  hash="app-router"
  description="An example that showcases usage of next-intl with the App Router."
  demoLink="https://next-intl-example-app-router.vercel.app"
  sourceLink="https://github.com/amannn/next-intl/tree/main/examples/example-app-router"
/>

<Example
  name="App Router Migration"
  hash="app-router-migration"
  description="An example that showcases a basic installation of next-intl in a Next.js app that uses both the Pages as well as the App Router."
  sourceLink="https://github.com/amannn/next-intl/tree/main/examples/example-app-router-migration"
/>

<Example
  name="App Router NextAuth.js"
  hash="app-router-next-auth"
  description="An example that showcases the usage of next-intl together with NextAuth.js and the App Router."
  sourceLink="https://github.com/amannn/next-intl/tree/main/examples/example-app-router-next-auth"
/>

<Example
  name="App Router Playground"
  hash="app-router-playground"
  description="An example that showcases various advanced use cases of using next-intl with the App Router."
  sourceLink="https://github.com/amannn/next-intl/tree/main/examples/example-app-router-playground"
/>

<Example
  name="Pages Router"
  hash="pages-router"
  description="An example that showcases a basic installation of next-intl with the Pages Router."
  sourceLink="https://github.com/amannn/next-intl/tree/main/examples/example-pages-router"
/>

<Example
  name="Pages Router Advanced"
  hash="pages-router-advanced"
  description="An example that showcases more advanced features of next-intl with the Pages Router."
  sourceLink="https://github.com/amannn/next-intl/tree/main/examples/example-pages-router-advanced"
/>

<Example
  name="React Native"
  hash="react-native"
  description="An example that showcases the usage of use-intl, the base library of next-intl, with React Native."
  sourceLink="https://github.com/amannn/next-intl/tree/main/examples/example-react-native"
/>

<Example
  name="Remix"
  hash="remix"
  description="An example that showcases a basic installation of use-intl, the base library of next-intl, in a Remix app."
  sourceLink="https://github.com/amannn/next-intl/tree/main/examples/example-remix"
/>

</div>
